<!DOCTYPE html>
<html lang="en">

<head>

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" class="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <link rel="stylesheet" href="./css/index.css">
    <title>PCB</title>
    <script>
      (function (window, document) {
        var setRem = function () {
          var innerWidth = document.documentElement.getBoundingClientRect().width || window.innerWidth;
          if (innerWidth > 768) {
            document.documentElement.style.fontSize = 48 + 'px';
          } else {
            document.documentElement.style.fontSize = innerWidth / 15 + 'px';
          }
        };
        window.addEventListener('orientationchange' in window ? 'orientationchange' : 'resize', setRem, false);
        setRem();
      })(window, document);
    </script>
  </head>

<body>
  <div id="my">
    <div class="my-top">
      我的
    </div>
    <div class="my-item">
      <div class="left">
        <img src="./images/kh.png" alt="" class="kh">
        <p class="text">管理员</p>
      </div>
    </div>
    <div class="my-item">
      <div class="left">
        <img src="./images/mp.png" alt="" class="mp">
        <p class="text">SW098097007</p>
      </div>
    </div>
    <div class="my-item">
      <div class="left">
        <img src="./images/lb.png" alt="" class="lb">
        <p class="text">推广二维码</p>
      </div>
      <img src="./images/yjt.png" class="yjt" alt="">
    </div>
    <p class="line"></p>
    <div class="my-item active">
      <div class="left">
        <img src="./images/fx.png" alt="" class="fx">
        <p class="text">我的分享</p>
      </div>
      <img src="./images/yjt.png" class="yjt" alt="">
    </div>
    <div class="my-item">
      <div class="left">
        <img src="./images/yh.png" alt="" class="yh">
        <p class="text">银行信息</p>
      </div>
      <img src="./images/yjt.png" class="yjt" alt="">
    </div>
    <div class="my-item">
      <div class="left">
        <img src="./images/zx.png" alt="" class="zx">
        <p class="text">注销登陆</p>
      </div>
    </div>
    <div class="bottom-nav">
      <a class="bottom-item">
        <img src="./images/sy.png" class="sy" alt="">
        <p class="text">首页</p>
      </a>
      <a class="bottom-item" href="share.html">
        <img src="./images/fx1.png" class="fx1" alt="">
        <p class="text">分享</p>
      </a>
      <a class="bottom-item">
        <img src="./images/dd.png" class="dd" alt="">
        <p class="text">订单</p>
      </a>
      <a class="bottom-item" href="my.html">
        <img src="./images/my.png" class="my" alt="">
        <p class="text active">我的</p>
      </a>
    </div>
  </div>
</body>
<script src="./js/index.js"></script>

</html>